//黑色
.integration.blacktheme {
    background-color: #4b5070;
}

.control {
    &.blacktheme {
        background: #14183d;

        .controlHeader {
            background: #282b49;
            .controlMenu ul a.green {
                background: url('../assets/control/topMenubgGreen.png') no-repeat;
            }
            .controlMenu ul a {
                background: url('../assets/control/topMenubgBlack.png') no-repeat;
            }
        }

        .ant-drawer-content {
            background-color: #161b3d;

            .ant-drawer-title {
                color: #1bccdb;
            }

            .ant-drawer-header {
                background-color: #212647;
                border-bottom   : 1px solid #156dc3;
            }

            .ant-drawer-body {
                color: #fff;
            }
        }

        .ant-pagination {
            color: #fff;

            .ant-pagination-item {
                border          : 1px solid #fff;
                background-color: transparent;

                a {
                    color: #fff;
                }
            }

            .ant-pagination-item-active {
                background-color: #60b3ff;
                border          : 1px solid #60b3ff;

                a {
                    color: #fff;
                }
            }

            .ant-pagination-prev,
            .ant-pagination-next {
                .ant-pagination-item-link {
                    border          : 1px solid #fff;
                    background-color: transparent;
                    color           : #fff;
                }
            }

            .ant-pagination-options-quick-jumper {
                input {
                    border          : 1px solid #fff;
                    background-color: transparent;
                    color           : #fff;
                }
            }

            .ant-pagination-item-ellipsis {
                color: #fff;
            }
        }

        .marqueeWrap {
            color: #fff;

            .marqueeTitle {
                background: #e5ac12;
            }

            span {
                b {
                    color: #fff;
                }
            }

            em {
                color: #fff;
            }
        }

        .marqueeCont {
            background: #282b49;
        }

        .controlMain {
            .gjtWrap {
                background: #1f2344;
            }

            .contwrap {
                background: #1f2344;

                .title {
                    color        : #fff;
                    border-bottom: 1px solid #8e91a6;
                }

                .list {
                    tbody {
                        tr {
                            &:hover {
                                background: #60b3ff;

                                td {
                                    color: #fff;
                                }
                            }
                        }
                    }

                    th {
                        color        : #e8e8e8;
                        border-bottom: 1px solid #8e91a6;
                    }

                    td {
                        color: #d5d6da;
                    }
                }
            }
        }

        .controlMenu {
            ul {
                a {
                    background: #65677c;
                    color     : #fff;
                }
            }
        }

        .listWrap {
            .listTitle {
                background: #272946;
            }
        }

        .listCont,
        .cellWrap {
            background: #1f2344;
            color     : #f7f7f7;

            .listMenu,
            .listRow {

                li {
                    color: #f7f7f7;

                    &:hover {
                        span {
                            color     : #fff;
                            background: #60b3ff;
                        }
                    }
                }

                li:nth-of-type(even) {
                    background: #272946;
                }


                span {
                    color: #f7f7f7;
                }
            }

            .listMenu {
                span {
                    border-bottom: 1px solid #343854;
                }
            }

            .listChartText {
                color: #fff;
            }
        }

        .listTabs {
            background: #272946;
        }

        .menu {
            background: #333651;
            color     : #fff;
        }

        .menu,
        .list {
            color: #f7f7f7;
        }

        .list {
            li {
                span {
                    color: #fff;
                }
            }
        }

        .warnwrap {
            color: #fff;
        }

        .adsense {
            color     : #fff;
            border    : 1px solid #fff;
            background: rgba(255, 255, 255, 0.1);
        }

        .aititle {
            background: #383f64;
        }

        .aicont {
            background: #313861;
        }

        .comTabs,
        .comNav {
            color     : #fff;
            background: #272946;
        }

        .comTabs {
            .title {
                border-bottom: 1px solid #888;
            }

            .menu {
                background: #333651;
            }

            // .sbllDrawer {
            //     tr:first-child {
            //         td {
            //             border-bottom: 1px solid #60b3ff;
            //             background   : #60b3ff;
            //             color        : #fff;
            //         }
            //     }
            // }

            .tuzhi {
                .pic {
                    border: 1px solid rgba(255, 255, 255, 0.2);

                    .pictext {
                        background: rgba(255, 255, 255, 0.2);
                    }
                }
            }

            .line {
                background: #14183d;
            }
        }

        .content {
            background: #272946;
        }

        .wwc {
            background: #4d4d4d;

            &:hover {
                border    : 1px solid #fff;
                box-shadow: 0 0 8px #fff;
            }
        }

        .process {
            .lctList {
                .but {
                    color: #fff;
                }

                .nav {
                    li {
                        .navbut {
                            color: #fff;
                        }
                    }
                }
            }
        }
    }
}

.blacktheme .station {
    background   : #272946;
    color        : #fff;
    border-bottom: 1px solid #55576c;

    .ant-select-selection,
    .ant-input,
    .ant-input-number {
        background-color: rgba(255, 255, 255, 0.1);
        color           : #fff;
        border          : 1px solid #fff;
        font-size       : 16px;
    }

    .ant-select-arrow,
    .ant-calendar-picker-icon,
    .ant-select-selection--multiple .ant-select-selection__choice__remove {
        color: #fff;
    }

    .ant-calendar-picker:hover .ant-calendar-picker-input:not(.ant-input-disabled) {
        border: 1px solid #fff;
    }

    .ant-select-selection--multiple {
        .ant-select-selection__choice {
            color: #fff;
        }
    }

    .ant-calendar-range-picker-separator {
        color: #fff;
    }
}

//白色
.integration.whitetheme {
    background-color: rgba(96, 179, 255, 0.8);
}

.control {
    &.whitetheme {
        background: #dedede;

        .ant-skeleton-content {

            .ant-skeleton-title,
            .ant-skeleton-paragraph>li {
                background: #dce4f0;
            }
        }

        .controlHeader {
            background: #1890ff;

            .controlMenu ul a.green {
                background: url('../assets/control/topMenubgGreen.png') no-repeat;
            }
            .controlMenu ul a {
                background: url('../assets/control/topMenubgWhite.png') no-repeat;
            }
        }

        .controlMenu {
            ul {
                a {
                    background: #fae866;
                    color     : #1890ff;
                }
            }
        }

        .marqueeWrap {
            color: #000;

            .marqueeTitle {
                background: #60b3ff;
                color     : #fff;
            }

            span {
                b {
                    color: #000;
                }
            }

            em {
                color: #000;
            }
        }

        .marqueeCont {
            background: #f2f5fd;
        }

        .controlMain {
            .gjtWrap {
                background: #f2f5fd;
            }

            .contwrap {
                background: #f2f5fd;

                .title {
                    color        : #000;
                    border-bottom: 1px solid #60b3ff;
                }

                .list {
                    tbody {
                        tr {
                            &:hover {
                                background: #60b3ff;

                                td {
                                    color: #fff;
                                }
                            }
                        }

                        tr:nth-of-type(even) {
                            background: #e8e8e8;

                            &:hover {
                                background: #60b3ff;

                                td {
                                    color: #fff;
                                }
                            }
                        }
                    }

                    th {
                        color        : #1890ff;
                        border-bottom: 1px solid #60b3ff;
                    }

                    td {
                        color: #000;
                    }
                }
            }
        }

        .listWrap {
            .listTitle {
                background: #60b3ff;

                button {
                    background: #fff;
                    color     : #1890ff;
                }
            }
        }

        .listCont,
        .cellWrap {
            background: #f2f5fd;
            color     : #666;

            .listMenu,
            .listRow {

                li {
                    color: #666;

                    &:hover {
                        span {
                            color     : #fff;
                            background: #60b3ff;
                        }
                    }
                }

                li:nth-of-type(even) {
                    background: #e8e8e8;
                }

                span {
                    color: #666;
                }
            }

            .listMenu {
                span {
                    border-bottom: 1px solid #ccc;
                }
            }

            .listChartText {
                color: #666;
            }
        }

        .listTabs {
            background: #f2f5fd;
        }

        .menu {
            background: #60b3ff;
            color     : #fff;
        }

        .menu,
        .list {
            color: #fff;
        }

        .list {
            li {
                span {
                    color: #666;
                }
            }
        }

        .warnwrap {
            color: #666;
        }

        .aititle {
            background: #c9e4ff;
            color     : #666;
        }

        .aicont {
            background: #eef3f8;
        }

        .comTabs,
        .comNav {
            color     : #666;
            background: #f2f5fd;
        }

        .comTabs {
            .title {
                border-bottom: 1px solid #60b3ff;
                color        : #1890ff;
            }

            .menu {
                background: #60b3ff;
            }

            // .sbllDrawer {
            //     tr:first-child {
            //         td {
            //             border-bottom: 1px solid #60b3ff;
            //             background   : #60b3ff;
            //             color        : #fff;
            //         }
            //     }
            // }

            .tuzhi {
                .pic {
                    border: 1px solid #ddd;

                    .pictext {
                        background: #ddd;
                        color     : #1890ff;
                    }
                }
            }

            .line {
                background: #eef3f8;
            }
        }

        .content {
            background: #f2f5fd;
        }

        .wwc {
            background: #f2f5fd;

            &:hover {
                border    : 1px solid #60b3ff;
                box-shadow: 0 0 8px #ccc;
            }
        }

        .process {
            .lctList {
                .but {
                    color     : #1890ff;
                    background: #ddd;
                }

                .nav {
                    li {
                        .navbut {
                            color: #1890ff;

                            &.jxz,
                            &.ywc {
                                color: #fff;
                            }
                        }
                    }
                }
            }
        }
    }
}

.whitetheme .station {
    background   : #f2f5fd;
    color        : #000;
    border-bottom: 1px solid #ddd;
}